<template>
	<view class="content">
		<!-- <image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text> 
		</view> -->
		
		<!-- <button  @click="goToLogin">去登录</button> -->
		
		<view class="navHandle">
			<!-- 2----------2-3-33-----------
			---111111------2---22----------
			--222222222---------------------
			11111-----3333333-------- -->
			<u-row  
				justify="space-between"
			    gutter="10">
				<u-col span="3"  v-for="(item,key) in  navTop" 
				   @click="handTap(key)">  
					<view 	:class="item.isShow?'active  col-des ':'col-des '">
					 	{{item.label}}
					</view>
				</u-col> 
			</u-row>
			 
			<view class="info-item"  v-if="navTop[0].isShow"  >
				<titleWapper :defaultDate="reName">
					<template  #btn>
						<view>前往实名</view>
					</template>
				</titleWapper>
				
				<view class="infoForm">
					<view class="u-form-item">
						<text>姓名:</text>
						<view class="info-input"> 
						
							  <u--input
							    placeholder="请输入内容"
							    border="surround"
							    v-model="content.username" 
								inputAlign="right"
								 disabled="false"
							  ></u--input>
						</view>
					</view>
					
					<view class="u-form-item">
						<text>身份证:</text>
						<view class="info-input"> 
						
							  <u--input
							    placeholder="请输入内容"
							    border="surround"
							    v-model="content.idCride" 
								inputAlign="right"
								 disabled="false"
							  ></u--input>
						</view>
					</view>
					
					<view class="u-form-item">
						<text>地址:</text>
						<view class="info-input"> 
						
							  <u--input
							    placeholder="请输入内容"
							    border="surround"
							    v-model="content.address" 
								inputAlign="right"
								 disabled="false"
							  ></u--input>
						</view>
					</view>
					
				</view>
					
			</view>
			
			<view class="info-item"  v-if="navTop[0].isShow"  >
				<titleWapper  :defaultDate="localName">
					<template  #btn>
						<view class="loaclBtn">
							<!-- <img src=""  class="info-img" alt="" /> -->
							<view class="info-img" >
								<u-icon name="map-fill" color="#ff6a2b" size="24"></u-icon>
							</view>
							<view>获取定位</view>
						</view> 
					</template>
				</titleWapper>
				
				<view class="infoForm">
					<view class="u-form-item">
						<text>位置:</text>
						<view class="info-input">  
							  <u--input
							    placeholder="请输入内容"
							    border="surround"
							    v-model="localStorg" 
								inputAlign="right"
								 disabled="false"
							  ></u--input>
						</view> 
					</view>
					
					
				</view>
			</view>
			
			<view class="info-item"  v-if="navTop[0].isShow"  >
				<titleWapper  :defaultDate="postName">
				</titleWapper>
				
				<view class="post-Info">
					<u-row
					       justify="space-between"
					       gutter="10"
					    >
						<u-col span="4" v-for="(item,key) in postItem"  @click="taPost(key)"> 
						  	<view class="post-item">
								<view class="img-des">
									<img :src="item.imgUrl"  class="info-image"  alt="" />
								</view>
								<text>{{item.label}}</text>
								<view class="postChack"> 
									<view class="postChack-img"  v-if="!item.isShow">
										<img src="../../static/home/correct.png" alt="" />
									</view>
									<view  class="postChack-img" v-else> 
										<img src="../../static/home/correct-copy.png" alt="" />
									</view>
								</view>
							</view> 
						</u-col>
						
					  
					</u-row>
				
					<view class="post-From" v-if="postItem[0].isShow || this.postItem =='0'">
						
						<view class="post-from-item">
							<view class="post-title">
								企业名称
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="entrepreneur.firmName"
								  @change="change"
								></u--input>
							</view>
						</view>
						
						<view class="post-from-item">
							<view class="post-title">
								企业成立时间
							</view>
							<view class="post-input">
								 
								<view class="uni-list-cell-db">
									<picker mode="date" 
									:value="date"  
									@change="bindDateChange">
										<view class="uni-input"> 
											<u--input
											  placeholder="请输入内容"
											  border="surround"
											  v-model="entrepreneur.establishmentDate"
											  @change="change"
											  disable="false"
											></u--input>
										</view>
									</picker>
								</view>
							</view>
						</view>
						
						
						<view class="post-from-item">
							<view class="post-title">
								是否有开票纳税
							</view>
							<view class="post-pro">
								<view  v-for="(item,key) in type"  @click="handleTap(key)">
									<view   :class="item.isShow?'active  type-taxes':'type-taxes'"  >
										{{ item.label }}
									</view>
								</view>
								
							</view>
						</view>
						
						
						<view class="post-from-item">
							<view class="post-title">
								年流水
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="entrepreneur.profit"
								  @change="change"
								></u--input>
							</view>
						</view> 
					</view>
				
				</view> 
				
				
				<view class="post-From" v-if="postItem[1].isShow || this.postItem =='1'">
					<view class="post-from-item">
							<view class="post-title">
								企业名称
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="worker.firmName"
								  @change="change"
								></u--input>	
							</view>
					</view>
					
					<view class="post-from-item">
							<view class="post-title">
								入职日期
							</view>
							<view class="post-input">
								<view class="uni-list-cell-db">
									<picker mode="date" 
									:value="date"  
									@change="bindfirmChange">
										<view class="uni-input"> 
											<u--input
											  placeholder="请选择时间"
											  border="surround"
											  v-model="worker.employmentDate"
											  @change="change"
											  disable="false"
											></u--input>
										</view>
									</picker>
								</view>
									
							</view>
					</view>
					
					
				</view>
			
				
				<view class="submit" @click="submitHandle">
					提交
				</view>
				
			</view>
		 
			<view class="info-item"   v-if="navTop[1].isShow  && assetStep == '0' ">
				<view class="type-qualification">
					<view class="class"  
					v-for="(item,key) in assetsType" 
					@click="assetsHandle(key)">
						<view :class="item.isShow?'active assets':'assets'"   >
							{{item.label}}
						</view>
					</view> 
				</view>
				
				
				<view class="qualification-class">
					<view class="qualification-nav " 
						v-for="(item,key) in qualificatyClass" 
						@click="qualificatyHandle(key)">
						<view :class="item.isShow?'active nav-box':'nav-box'">
							{{item.title}}
						</view>
					</view>
				</view>
				
				
				<!-- ----------------------------------------
				-0----------0---------------0-----------0-----
				-------- -->
				<view  v-if="propertyStep == '0'"> 
					<view class="title">
						<titleWapper  :defaultDate="propertyName">
							<template #btn> 
								<view class="reset">
									重新填写
								</view>
							</template>
						</titleWapper?>
					</view>
					
					<view class="post-From">
						<view class="post-from-item">
							<view class="post-title">
								社保基数
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.socialSecurity"
								  @change="change"
								></u--input>
							</view>
						</view>	
						
						<view class="post-from-item">
							<view class="post-title">
								社保缴纳期数
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.socialPeriod"
								  @change="change"
								></u--input>
							</view>
						</view>	
						
						
						<view class="post-from-item">
							<view class="post-title">
								公基金基数
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.reservedFunds"
								  @change="change"
								></u--input>
							</view>
						</view>	
						
						<view class="post-from-item">
							<view class="post-title">
								公基金缴纳期数
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.surplusMaturity"
								  @change="change"
								></u--input>
							</view>
						</view>	
						
						<view class="post-from-item">
							<view class="post-title">
								工资类型
							</view>
							<view class="post-pro">
								<view v-for="(item,key) in payrollTypeArr" @click="payrollhandle(key)">
									<view :class="item.isShow?'active  payroll-des':'payroll-des'">
										{{item.label}}
									</view>
								</view>
							</view>
						</view>
						
						
						<view class="post-from-item">
							<view class="post-title">
								月入薪资
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.monthlySalary"
								  @change="change"
								></u--input>
							</view>
						</view>
						
						<view class="assetInformation">
							<view class="submit"  @click="assetSubmit">
								确认提交
							</view>
						<!-- 	<view class="last-stup" @click="handleAssetLast">
								上一步
							</view> -->
						</view>
						
					</view>
				
				</view>
			
				
				<view  v-if="propertyStep == '1'">
					
					<view class="title">
					 	<titleWapper  
						:defaultDate="insuranceName">
					 		<template #btn> 
					 			<view class="reset">
					 				重新填写
					 			</view>
					 		</template>
					 	</titleWapper?>
					</view> 
					
					<view class="post-From"  v-if="propertyStep == '1'">
						
						<view class="post-from-item">
							<view class="post-title">
								人寿保险
							</view>
							<view class="post-input">
							<!-- 	<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.socialSecurity"
								  @change="change"
								></u--input> -->
								<view class="uni-list-cell-db">
									<picker mode="date"
									:value="date"  
									@change="bindInsuranceChange">
										<view class="uni-input">
											<u--input
											  placeholder="请选择时间"
											  border="surround"
											  v-model="insurance.insurance"
											  @change="change"
											  disable="false"
											></u--input>
										</view>
									</picker>
								</view>
								
							</view>
						</view>
						
						<view class="post-from-item">
							<view class="post-title">
								保险类型
							</view>
							<view class="post-input">
							<view class="uni-list-cell-db">
									<picker mode="date"
									:value="date"  
									@change="bindInsuranceChange">
										<view class="uni-input">
											<u--input
											  placeholder="请选择时间"
											  border="surround"
											  v-model="insurance.insurance"
											  @change="change"
											  disable="false"
											></u--input>
										</view>
									</picker>
								</view>
							</view>
						</view>
							
						<view class="post-from-item">
							<view class="post-title">
								缴费方式
							</view>
							<view class="post-input">
								<view class="uni-list-cell-db">
									<picker mode="date"
									:value="date"  
									@change="bindInsuranceChange">
										<view class="uni-input">
											<u--input
											  placeholder="请选择时间"
											  border="surround"
											  v-model="insurance.insurance"
											  @change="change"
											  disable="false"
											></u--input>
										</view>
									</picker>
								</view>
							</view>
						</view>
						
						<view class="post-from-item"> 
							<view class="post-title">
								合同生效日
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.socialSecurity"
								  @change="change"
								></u--input>
							</view>
						</view>
							
							
						<view class="post-from-item"> 
							<view class="post-title">
								投保人变更时间
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.socialSecurity"
								  @change="change"
								></u--input>
							</view>
						</view>
							
						<view class="post-from-item">
							<view class="post-title">
								年缴金额
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.socialSecurity"
								  @change="change"
								></u--input>
							</view>
						</view>	
						
						<view class="post-from-item">
							<view class="post-title">
								现金贷款价值
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.socialSecurity"
								  @change="change"
								></u--input>
							</view>
						</view>	
						
						<view class="post-from-item">
							<view class="post-title">
								复效时间
							</view>
							<view class="post-input">
								<u--input
								  placeholder="请输入内容"
								  border="surround"
								  v-model="property.socialSecurity"
								  @change="change"
								></u--input>
							</view>
						</view>	
						
						<view class="assetInformation">
							<view class="submit"  @click="assetSubmit">
								确认提交
							</view>
							<view class="last-stup" @click="handleAssetLast">
								上一步
							</view>
						</view>
						
					</view>
					
				</view>
				
				
				<view v-if="propertyStep ==  '2'">
					
					<view class="title">
					 	<titleWapper  
						:defaultDate="careName">
					 		<template #btn> 
					 			<view class="reset">
					 				重新填写
					 			</view>
					 		</template>
					 	</titleWapper?>
					</view> 
					
					
					<view class="upload-des">
						(上传清新完整的照片，点击原图上传)
					</view>
					
					<view class="upload-box">
						<view class="handleUpload">
							
							<view class="font"   @click="handleFont()">
								<img src="../../static/home/font.jpg" alt="" />
							</view>
							
							
							
							<view class="reseve"  @click="handleReseve()">
								<img src="../../static/home/reseve.jpg" alt="" />
							</view>
							
							
						</view>
						<view class="assetInformation">
							<view class="submit"  @click="assetSubmit">
								确认提交
							</view>
							<view class="last-stup" @click="handleAssetLast">
								上一步
							</view>
						</view>
					</view>
					
					
			
					
				</view>
				
				
				<view v-if="propertyStep == '3'">
					<view class="title">
					 	<titleWapper  
						:defaultDate="homeName">
					 		<template #btn> 
					 			<view class="reset">
					 				重新填写
					 			</view>
					 		</template>
					 	</titleWapper?>
					</view> 
					
					
					<view class="info-upload">
						<view class="upload-box" @click="uploadHandle"> 
							<!-- <view class="flie-img">
								
							</view> -->
							<img src="../../static/home/staff_1024.jpg" alt="" />
							
						</view> 
					</view>
					
					
					<view class="assetInformation">
						<view class="submit"  @click="handlePresent">
							确认提交
						</view>
						<view class="last-stup" @click="handleLast">
							上一步
						</view>
					</view>
					
					
				</view>
				
			</view>
			
			<view class="info-item"   v-if="navTop[1].isShow && postIndex == '0' ">
				<view class="title">
					<titleWapper  :defaultDate="photographName">
						<template #btn> 
							<view class="reset">
								重新上传
							</view>
						</template>
					</titleWapper?>
				</view>
				
				<view class="upload-des">
					(上传清新完整的照片，点击原图上传)
				</view>
				
				<view class="info-upload">
					<view class="upload-box" @click="uploadHandle"> 
						<view class="flie-img">
							
						</view>
						<img src="../../static/home/staff_1024.jpg" alt="" />
						
					</view> 
				</view>
				
				
				
				<view class="assetInformation">
					<view class="submit"  @click="assetSubmit">
						确认提交
					</view>
					<view class="last-stup" @click="handleLast">
						上一步
					</view>
				</view>
			</view>
			
			<view class="info-item"  v-if="navTop[2].isShow && postIndex == '2'  ">
				<!-- {{ postIndex }}/ -->
				<view class="type-qualification">
				 	 <view class="class"  
				 	 v-for="(item,key) in assetsType" 
				 	 @click="assetsHandle(key)">
				 	 	<view :class="item.isShow?'active assets':'assets'"   >
				 	 		{{item.label}}
				 	 	</view>
				 	</view> 
				</view>
				
				<view class="title">
					<titleWapper  :defaultDate="creditName">
						<template #btn> 
							<view class="reset">
								授权查询
							</view>
						</template>
					</titleWapper?>
				</view>
				
				<view class="post-From" >
					
					<view class="post-from-item">
						<view class="post-title">
							征信信息
						</view>
						<view class="post-des">
							(上传清晰完整的照片,点击原图上传如果页数过多，可以上传最前12页和最后12页)
						</view>
						<view class="info-upload">
							<view class="upload-box" @click="uploadHandle">
								<view class="flie-img">
									
								</view>
								<img src="../../static/home/staff_1024.jpg" alt="" />
								
							</view> 
						</view>
					</view>
					
					
					<view class="assetInformation">
						<view class="submit"  @click="handlePresent">
							确认提交
						</view>
						<view class="last-stup" @click="handleAssetLast">
							上一步
						</view>
					</view>
					
					
				</view>
				
				
				
			</view>
			
			<view class="info-item"  v-if="navTop[3].isShow  ">
				<!-- 	{{ postIndex }}
						7777 --> 
				<view class="title">
					<titleWapper  :defaultDate="loansName">
						<template #btn> 
							<view class="reset">
								授权查询
							</view>
						</template>
					</titleWapper?>
				</view>
				<!-- 多选 -->
				<view class="btn-choice">
					<view class="btn" v-for="(item,key) in choiceBtn"  @click="handleChoice(key)">
						<view :class="item.isShow?'active item-box':'item-box'" >
							{{item.title}}
						</view>
					</view>
				</view>
				
				<view class="title">
					<titleWapper  :defaultDate="courtName"> 
					</titleWapper?>
				</view>
				<!-- 单选 -->
				<view class="btn-Multiple">
					<view class="btn" 
					v-for="(item,key) in type"  
					@click="handleMultiple(key)">
						<view :class="item.isShow?'active item-box':'item-box'" >
							{{item.label}}
						</view>
					</view>
				</view>
				 
				 
				<view class="title">
					<titleWapper  :defaultDate="specificName"> 
					</titleWapper?>
				</view>
				
				<view class="btn-Specific">
					<view class="btn" 
					v-for="(item,key) in specificType"  
					@click="handleSpecific(key)">
						<view :class="item.isShow?'active item-box':'item-box'" >
							{{item.title}}
						</view>
					</view>
				</view>
				
				<view class="title">
					<titleWapper  :defaultDate="remarkName"> 
					</titleWapper?>
				</view>
				
				
				<view class="main-textarea">
					<u--textarea 
					v-model="textArea" 
					placeholder="请输入内容" > 
					</u--textarea>
				</view>
				
				 <view class="assetInformation">
				 	<view class="submit"  @click="assetSubmit">
				 		确认提交
				 	</view>
				 	<view class="last-stup" @click="handleLast">
				 		上一步
				 	</view>
				 </view>
				 
			</view>
		
		
		
		</view>
	</view>
</template>

<script> 
	import titleWapper from '../../components/titleWapper/titleWapper.vue'
	  
	export default {
		components:{
			titleWapper
		},
		data() { 
			return {
				data:'',
				// 资产信息 步骤
				propertyStep:0,
				// navstep
				postIndex:0,
				// assetStep  资产步骤
				assetStep:0, 
				type:[
					{
						label:'有',
						value:1,
						isShow:false
					},
					{
						label:'无',
						value:2,
						isShow:false
					}
				],
				specificType:[
					{
						title:'已婚单签',
						isShow:false,
					},
					{
						title:'无银行流水',
						isShow:false,
					},
					{
						title:'无座机号码',
						isShow:false,
					},
					{
						title:'信用贷款',
						isShow:false,
					},
					{
						title:'抵押贷款',
						isShow:false,
					},
					{
						title:'新过户房产',
						isShow:false,
					},
					{
						title:'三天内下款',
						isShow:false,
					},
					{
						title:'已放款机构',
						isShow:false,
					},
					{
						title:'已查询机构',
						isShow:false,
					} 
					
					
				],
				payrollTypeArr:[
					{
						label:'打卡',
						value:1,
						isShow:false
					},
					{
						label:'现金',
						value:2,
						isShow:false
					}
				],
				show:false,
				title: 'Hello',
				reName:{
					title:'实名信息'
				},
				localName:{
					title:'位置信息'
				},
				postName:{
					title:'职位信息'
				},
				propertyName:{
					title:'资产信息'
				},
				photographName:{
					title:'附件上传'
				},
				insuranceName:{
					title:'保险信息'
				},
				careName:{
					title:'车辆信息'
				},
				homeName:{
					title:'房子信息'
				},
				remarkName:{
					title:'备注'
				},
				creditName:{
					title:'征信信息'
				},
				loansName:{
					title:'贷款用途'
				},
				courtName:{
					title:'法院执行'
				},
				specificName:{
					title:'具体名称'
				},
				choiceBtn:[
					{
						title:'企业备用金',
						isShow:false,
					},
					{
						title:'原材料采购',
						isShow:false,
					},
					{
						title:'日常消费',
						isShow:false,
					},
					{
						title:'按揭转抵押',
						isShow:false,
					},
					{
						title:'转贷降息',
						isShow:false,
					},
					{
						title:'出国留学',
						isShow:false,
					},
					{
						title:'旅行出行',
						isShow:false,
					}
				],
				navTop:[
					{
						label:'基本信息',
						isShow:true
					},
					{
						label:'资产信息',
						isShow:false
					},
					{
						label:'征信信息',
						isShow:false
						
					},
					{
						label:'公告信息',
						isShow:false
					}
				],
				// 童虎信息
				content:{
					username:'肖俊峰',
					idCride:'362425200106093612',
					address:'hedsjklahxkjdjsl'
				},
				// 位置信息
				localStorg:'浙江省 宁波市 海曙区',
				postItem:[
					{
						label:'创业者',
						isShow:false,
						imgUrl:'../../static/home/images (1).jpg'
						
					},
					{
						label:'上班族',
						isShow:false,
						imgUrl:'../../static/home/image(3).jpeg'
					},
					{
						label:'自由职业',
						isShow:false,
						imgUrl:'../../static/home/images.jpg'
					}
				],
				// 创业者
				entrepreneur:{ 
					firmName:'',
					establishmentDate:'- - -',
					payTaxes:'',	
					profit:'' 
					
				},
				// 上班族
				worker:{
					firmName:'',
					employmentDate:'- - -'
				},
				// 资产信息
				assetsType:[
					{
						label:'个人信息',
						isShow:true,
						value:1
					},
					{
						label:'配偶信息',
						isShow:false,
						value:2
					}
				],
				qualificatyClass:[
					{
						title:'信用资产',
						isShow:true,
						value:0
					},
					{
						title:'商业保险',
						isShow:false,
						value:1
					},
					{
						title:'有车',
						isShow:false,
						value:2
					},
					{
						title:'有房',
						isShow:false,
						value:3
					}
				],
				// 资产信息
				property:{
					socialSecurity:'',
					socialPeriod:'',
					reservedFunds:'',
					surplusMaturity:'',
					payrollType:'',
					monthlySalary:'' 
				},
				// 商业保险
				insurance:{
					insurance:'',
					insuranceType:'',
					paymentNMethod:'',
					effectiveContract:'',
					applicantDate:'',
					annualPayment:'',
					loansValue:'',
					recoveryTime:''
				},
				// 有车
				haveCare:{
					frontImgUrl:'',
					reverseImgUrl:''
				},
				//有房
				haveHome:{
					urlArr:[
						
					]
				}
				 
				
			
			}
		},
		onLoad() {

		},
		methods: {
			goToLogin(){
				uni.navigateTo({
					url:'/subpackage/user/login/login'
				})
			},
			// 顶部类型
			handTap(key){
				const temp_content =  this.navTop;
				
				for (var i = 0; i < temp_content.length; i++) {
					const element =  temp_content[i];
					if (i === key) {
						temp_content[i].isShow = true;
						this.postIndex = key;
					}else{
						temp_content[i].isShow = false
					} 
				}
				console.log("key=====>.",key);
				console.log("temp_content====>>>",temp_content);
			 
			},
			change(value){
				console.log("valu改变了",value);
			},
			// 职位信息
			taPost(key){
				for (var i = 0; i < this.postItem.length; i++) {
					const element = this.postItem[i];
					if(i === key){
						element.isShow  = true;
						this.postIndex = i;
						console.log(i);
					}else{
						element.isShow  = false;
					} 
				} 
				console.log(this.postItem);
			},
			// 成立时间
			bindDateChange(data){
				console.log("data====>",data);
				this.entrepreneur.establishmentDate = data.detail.value
			},
			// 入职日期
			bindfirmChange(data){
				this.worker.employmentDate = data.detail.value 
				console.log("value=======>>>",this.worker.employmentDate);
			},
			// 是否纳税
			handleTap(key){
				console.log("shaui========>>",key);
				for (var i = 0; i < this.type.length; i++) {
					const element = this.type[i]; 
					if(key == i){
						element.isShow = true
						this.entrepreneur.payTaxes = i;
					}else{
						element.isShow = false; 
					}
					
				}
				console.log("entrepreneur.payTaxes========>>",this.entrepreneur.payTaxes);
				console.log("type========>>",this.type);
			},
			// 提交数据查看
			submitHandle(){ 
				console.log(this.postIndex == '0');
				if(this.postIndex == '0'){
					console.log("shdajhw=========>>",this.entrepreneur);
				}else if(this.postIndex == '1'){
					console.log("shdajhw=========>>",this.worker);
				} 
			},
			// 点击分类
			assetsHandle(key){
				console.log("key=====>>",key);
				console.log("this.assetsType=====>>",this.assetsType);
				 for (var i = 0; i < this.assetsType.length; i++) {
				 	let element =  this.assetsType[i];
					if(i == key){
						element.isShow = true
						
					}else{
						element.isShow = false
					}					
				 }
				console.log("sjaoidj====>>",this.assetType);
			},
			// qualificatyHadle 职位信息
			qualificatyHandle(key){
				for (var i = 0; i < this.qualificatyClass.length; i++) {
					const element = this.qualificatyClass[i]
					if(i === key){
						element.isShow = true;
						console.log("key==========>>",key); 
						
						this.propertyStep = key;
					}else{
						element.isShow = false
					}
				}
				
			},
			// 工资类型
			payrollhandle(key){
				for (var i = 0; i < this.payrollTypeArr.length; i++) {
					const element =  this.payrollTypeArr[i]
					if(i == key){
						element.isShow = true;
						this.property.payrollType = element.value;
					}else{
						element.isShow = false;
					}
				}
				console.log("element=======>>>",this.payrollTypeArr);
			},
			// 上传图片
			uploadHandle(){
				uni.chooseImage({
					success: (chooseImageRes) => {
						const tempFilePaths = chooseImageRes.tempFilePaths;
						console.log("log===>",tempFilePaths);
						
						// uni.uploadFile({
						// 	url: 'https://www.example.com/upload', //仅为示例，非真实的接口地址
						// 	filePath: tempFilePaths[0],
						// 	name: 'file',
						// 	formData: {
						// 		'user': 'test'
						// 	},
						// 	success: (uploadFileRes) => {
						// 		console.log(uploadFileRes.data);
						// 	}
						// });
					}
				});
			},
			// 上一步
			handleLast(){
				--this.postIndex;
				for (var i = 0; i < this.navTop.length; i++) {
					const element = this.navTop[i]
					if(i === this.postIndex){
						element.isShow = true
					}else{
						element.isShow = false
					}
				}
				// this.postItem[postIndex].isShow = true;
			 
				console.log("sjnakd",this.postIndex);
			},
			// 信用资产提交
			assetSubmit(){
				// console.log("资产信息",this.property);
				console.log("this.propertyStep ========>>>",this.propertyStep );
				if(this.propertyStep == '0'){ 
					console.log("property====>>>",this.property);
					++this.propertyStep;
					console.log("this.propertyStep22222========>>>",this.propertyStep );
					console.log("qualificatyClass========>>>",this.qualificatyClass[this.propertyStep]);
					  // this.qualificatyClass[this.propertyStep].isShow = true
					  for (var i = 0; i < this.qualificatyClass.length; i++) {
					  	 const element =  this.qualificatyClass[i]
						 if(i == this.propertyStep){
							 element.isShow = true
						 }else {
							 element.isShow = false 
						 }
					  }
					  
				}else if(this.propertyStep == '1'){
					console.log("insurance====>>>",this.insurance);
					console.log("property====>>>",this.property);
					++this.propertyStep;
					console.log("this.propertyStep22222========>>>",this.propertyStep );
					console.log("qualificatyClass========>>>",this.qualificatyClass[this.propertyStep]);
					
					for (var i = 0; i < this.qualificatyClass.length; i++) {
						 const element =  this.qualificatyClass[i]
						 if(i == this.propertyStep){
							 element.isShow = true
						 }else {
							 element.isShow = false 
						 }
					}
					
				}else if(this.propertyStep == '2'){
					console.log("haveCare====>>>",this.haveCare);
					
					++this.propertyStep;
					console.log("this.propertyStep22222========>>>",this.propertyStep );
					console.log("qualificatyClass========>>>",this.qualificatyClass[this.propertyStep]);
					
					for (var i = 0; i < this.qualificatyClass.length; i++) {
						 const element =  this.qualificatyClass[i]
						 if(i == this.propertyStep){
							 element.isShow = true
						 }else {
							 element.isShow = false 
						 }
					}
					
				}else if(this.propertyStep == '3'){
					console.log("haveHome====>>>",this.haveHome);
						  
					console.log("this.propertyStep22222========>>>",this.propertyStep );
					console.log("qualificatyClass========>>>",this.qualificatyClass[this.propertyStep]);
					
					
					for (var i = 0; i < this.qualificatyClass.length; i++) {
						 const element =  this.qualificatyClass[i]
						 if(i == this.propertyStep){
							 element.isShow = true
						 }else {
							 element.isShow = false 
						 }
					}
					
				}
			},
			// 上一步  （类别）
			
			// 上一步  （模块）
			handleAssetLast(){
				
			},
			// 下一步---------->确认提交
			handlePresent(){
				// console.log("postIndex=======>>>",this.postIndex);
				++this.postIndex;
				for (var i = 0; i < this.navTop.length; i++) {
					const element = this.navTop[i];
					if(this.postIndex == i){
						element.isShow = true
					}else{
						element.isShow = false
					}
				}
				
				
				// console.log("this.navTop[i]========>>",this.navTop);
			},
			// 多选按钮
			handleChoice(key){
				console.log("sjakhdnkw");
				for (var i = 0; i < this.choiceBtn.length; i++) {
					const element =  this.choiceBtn[i]; 
					if(key == i){
						element.isShow = !element.isShow;
					}
					 
				}
			},
			// 单选按钮
			handleMultiple(key){
				for (var i = 0; i < this.type.length; i++) {
					const element =	 this.type[i]
					// console.log("this.type-======",this.type);
					if(i == key){
						 element.isShow = true;
					}else{
						 element.isShow = false;
					}
				}
			},
			// 单选按钮
			handleSpecific(key){
				for (var i = 0; i < this.specificType.length; i++) {
					const element =	 this.specificType[i]
					// console.log("this.type-======",this.specificType);
					if(i == key){
						 element.isShow = true;
					}else{
						 element.isShow = false;
					}
				}
			}
			
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f5f5f5;
	}
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 0 32rpx; 
	}
	
	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}
	
	 .bg-purple {
			background: #CED7E1;
		}
	
	.text-area {
		display: flex;
		justify-content: center;
	
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
	
	.navHandle{
		width: 100%; 
	}
	
	.col-des{
		font-size: 24rpx; 
		text-align: center;
		padding: 20rpx 0;
		color: #999;
	}
	.col-des.active{
		color: #fff;
		background-color: #ff6a2b;
		border-radius: 10000rpx;
	}
	
	.info-item{
		margin: 36rpx 0 ; 
		border-radius: 15rpx;
		background-color: #fff; 
		padding: 24rpx 16rpx;
	} 
	.infoForm{
		width: 100%; 
	}
	.u-form-item{
		display: flex;
		margin-top: 16rpx;
		background-color: #f6f6f6;
		padding: 24rpx 8rpx;
		align-items: center;
		.info-input{
			width: 70%; 
		}
		text{
			display: block; 
		}
	}
	
	.info-img{
		width: 64rpx;
		height: 64rpx;
		display: block;
		margin-right: 10rpx;
	}
	.loaclBtn{
		display: flex;
		align-items: center;
		width: 200rpx; 
	}
	.post-Info{
		margin: 0 32rpx;
	}
	.post-item{
		background-color: #CED7E1;
		margin-top: 32rpx; 
		padding-bottom: 20rpx;
		border-radius: 15rpx;
		text{
			text-align: center;
			margin: 0;
			// background-color: ;
		}
		
		.postChack{
			padding-top: 15rpx;
			width: 100%;
			height: 50rpx;
			.postChack-img{
				width: 60rpx;
				height: 60rpx;
				display: block;
				margin: 0 auto;
				img{
					width: 60rpx;
					height: 60rpx;
					display: block;
				}
			}
			
		}
	}
	.img-des{
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		margin: 24rpx auto;
		padding-top: 24rpx;
		.info-image{
			display: block;
			width: 100rpx;
			height: 100rpx;
			border-radius: 50%;
			// margin: 0 auto; 
		}
	}
	.post-from-item{
		width: 100%;
		margin-top: 32rpx;
		.post-input{
			display: block;
			background-color: #f8f8f8;
			width: 100%;
			height: 80rpx;
		}
	}
	
	.uni-input{
		height: 80rpx; 
		text-align: center;
	}
	.post-pro{
		display: flex;

	}
	.type-taxes{
		display: block;
		border: 2rpx solid #c;
		width: 150rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		margin-top: 20rpx;
		margin-left: 15rpx;
	}
	
	.active.type-taxes{
		display: block;
		background-color: #ff6a2b;
		color: #fff;
	}
	
	.submit{
		width: 80%;
		margin: 30rpx auto;
		background-color: #ff6a2b;
		color: #fff;
		text-align: center;
		padding: 20rpx 0;
		border-radius: 1000rpx;
	}
	.type-qualification{
		display: flex;
		justify-content:start;
		.class{
			display: block;
			padding-left: 20rpx;
			font-size: 36rpx;
			font-weight: bold;
			 .assets.active{
			 	color: #ff6a2b; 
			 }
		}
	}
	
	.qualification-class{ 
		padding: 0 20rpx;
		margin-top: 20rpx;
		display: flex;
		justify-content: space-between;
		.qualification-nav{
		
			color: #333;
			.nav-box{
				padding: 10rpx; 
				border: 2rpx solid #666;
				border-radius: 1000rpx;
			}
			.nav-box.active{
				padding: 10rpx; 
				background-color: #ff6a2b;
				color: #fff;  
				border-radius: 1000rpx;
			}
		}
	}
	
	.title{
		margin-top: 30rpx;
	}
	.post-pro{
		margin-top: 32rpx;
		view{ 
			.payroll-des{
				padding: 16rpx;
				border: 2rpx solid #ff6a2b;
				margin-left: 20rpx;
			}
			.payroll-des.active{
				background-color: #ff6a2b;
				color: #fff;
			}
		}
		
	}
	.upload-des{
		color: #ff6a2b;
		font-size: 32rpx; 
	}
	.info-upload{
		
		.upload-box{
			width: 200rpx;
			height: 200rpx;
			margin-top: 20rpx;
			background-color: #f5f5f5;
			img{
				display: block;
				width: 150rpx;
				height: 150rpx;
				margin:   auto; 
				padding: 20rpx 0;
			}
		}
	}
	
	.assetInformation{
		width: 80%;
		margin: 0 auto;
		.submit{
			width: 100%;
			padding: 32rpx 0;
			text-align: center;
		}
		.last-stup{
			margin-top: 32rpx;
			width: 100%;
			padding: 32rpx 0;
			text-align: center;
			border:2rpx solid #ccc;
			border-radius: 1000rpx;
		}
	}
	
	.upload-box{
		width: 100%;
		// margin: 0 auto ;
		.handleUpload{
			margin-top: 30rpx;
			view{
				margin:  20rpx auto;
				img{
					display: block;
					margin:  0rpx auto; 
				}
			}
		}
	}
	
	.post-des{
		color: #ff6a2b;
	}
	
	.btn-choice{
		margin: 30rpx  0;
		display: flex;
		flex-flow: wrap;
		align-items: center;
		justify-content: start;
		.btn{
			border: 2rpx solid #ff6a2b;
			margin: 10rpx; 
			.item-box{
				display: block;
				padding: 20rpx;
			}
		
			.item-box.active{
				background-color: #ff6a2b;
				color:#fff;
			}
		}
	}
	
	.btn-Multiple{
		margin: 30rpx  0;
		display: flex;
		flex-flow: wrap;
		align-items: center;
		justify-content: start;
		.btn{
			border: 2rpx solid #ff6a2b;
			margin: 10rpx; 
			.item-box{
				display: block;
				padding: 20rpx;
			}
		
			.item-box.active{
				background-color: #ff6a2b;
				color:#fff;
			}
		}
	}
	
	.btn-Specific{
		margin: 30rpx  0;
		display: flex;
		flex-flow: wrap;
		align-items: center;
		justify-content: start;
		.btn{
			border: 2rpx solid #ff6a2b;
			margin: 10rpx; 
			.item-box{
				display: block;
				padding: 20rpx;
			}
		
			.item-box.active{
				background-color: #ff6a2b;
				color:#fff;
			}
		}
	}
	
	.main-textarea{
		border: 2rpx solid #ccc;
		margin-top: 20rpx;
	}
	
</style>
